<template>
	<div class="messageDiv">
		<img :src="getDynamicState.messageImg" alt="" />
		<span>{{getDynamicState.messageTitle}}</span>
		<img :src="arrowsImg" alt="" />
	</div>
	
</template>

<script>
	export default {
		data(){
			return{
				
				arrowsImg:require("../../../assets/images/dynamicState/36/dynamic_right_arrow_normal.png")
			}
			
		},
		props:{
			getDynamicState:{
				type:Object,
				default:function(){
					return {
						      messageTitle:"评论",
						      messageImg:require("../../../assets/images/dynamicState/36/dynamic_comment_icon.png")
					       }
				}
			}
		}
	}
</script>

<style scoped lang="less">
*{
	margin:0;padding:0
}
@current:100rem;
.messageDiv{
	width:100%;
	height:90/@current;
	position:relative;
	background:white;
	img:nth-of-type(1){
		position:absolute;
		left:46/@current;
		width:40/@current;
		top:30/@current;
	}
	span{
		position:absolute;
		left:116/@current;
		top:26/@current;
		font-size:30/@current;
		color:#1b1b1b;
	}
	img:nth-of-type(2){
		position:absolute;
		right:30/@current;
		width:20/@current;
		top:30/@current;
	}
	
}
</style>